:root {
  --color-black: #000000;
  --color-primary: #409eff;
  --color-success: #67c23a;
  --color-warning: #e6a23c;
  --color-danger: #f56c6c;
  --color-error: #f56c6c;
  --color-info: #909399;
}

$theme: #D85886;
$theme-shallow: #F692B6;
$white: #fff;
$black: #000;
// $color: red black blue pink ;
page{
	font-size: 16px;
}
.bg-white {
  background: $white;
}

.text-white {
  color: $white;
}
.text-black {
  color: $black;
}
.text-AAB5BF{
	color: #AAB5BF !important;
}
.bg-AAB5BF{
	background-color: #AAB5BF !important;
}
.text-666D73{
	color: #666D73 !important;
}
.text-222426{
	color: #222426 !important;
}
.bg-222426{
	background-color: #222426 !important;
}
.text-EE2D21{
	color: #EE2D21;
}

.bg-theme {
  background-color: $theme !important;
}

.text-theme {
  color: $theme;
}

.bg-theme-shallow {
  background-color: $theme-shallow !important;
}

.text-theme-shallow {
  color: $theme-shallow;
}
.border-line {
	border-bottom: 1px solid #f5f7f8;
}
// 字体大小
$size: 8 10 11 12 13 14 15 16 18 20 22 24 26 28 30 32 34 36;

@each $i in $size {
  .font-#{$i} {
    font-size: $i * 2rpx;
  }
}

// 字体加粗
$weight: 200 300 400 500 600 700 800 900 bold;

@each $i in $weight {
  .font-#{$i} {
    font-weight: $i;
  }
}

// 圆角大小
@for $i from 1 through 20 {
  @if ($i % 2==0) {
    .brs-#{$i} {
      border-radius: $i * 2rpx;
    }
  }
}

.round{
	border-radius: 50% !important;
}


//宽度百分比
@for $i from 0 through 20 {
  .w-#{ $i*5 } {
	 @if $i==0 {
		width: 0;
	 } @else {
		width: $i * 5%;
	 }
   
  }
}
.flex-1{
	flex: 1;
}

.h-100{
	height: 100% !important;
}

.min-vh-100{
	min-height: 100vh;
}

.mt-12{
	margin-top: 24rpx;
}
.mb-12{
	margin-bottom: 24rpx;
}
.ms-12{
	margin-left: 24rpx;
}
.me-12{
	margin-right: 24rpx;
}
.pt-12{
	padding-top: 24rpx;
}
.pb-12{
	padding-bottom: 24rpx;
}
.ps-12{
	padding-left: 24rpx;
}
.pe-12{
	padding-right: 24rpx;
}
.position-relative{
	position: relative;
}
.position-absolute{
	position: absolute;
}
.position-fixd{
	position: fixed;
}

.ellipsis-line {
    overflow: hidden;
    text-overflow: ellipsis; //文本溢出显示省略号
    white-space: nowrap; //文本不会换行
}
// .u-swiper-wrap{
// 	overflow: inherit !important; 
// }
.overflow-hidden{
	overflow: hidden;
}

@mixin flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
